<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>填写订单</title>
    <link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="css/shop.css">
    	
    <style>
    	.ordertil{background:#e7e7e7;color:black;font-size:15px;padding:7px}
    		
    </style>
</head>
<body>



<div id='header' class="am-g am-topbar-fixed-top" >
	<div  onclick="api.closeWin();"  class="am-u-sm-2" style="margin-top:12px;padding-left: 17px">
		<img  src="images/arr-l.png" style="height:14px;height: 18px;"/>
	</div> 
	<div class="am-u-sm-8 til" style="margin-top:13px;text-align:center;">
		<h1>填写订单</h1>
	</div>
	<div class="am-u-sm-2" style="font-size: 20px;margin-top:10px;color:white;text-align:center;">
	
	</div>
</div>


<div class="am-g" style="margin-top:50px;">

    <div class="am-u-sm-12 ordertil">
    收货人信息
    </div> 
    
    <div class="am-u-sm-12" id="yesaddress" onclick="openaddress();"  style="padding:7px;font-size: 14px;display:none">
    <div>
    收货人：<span id="receiver"></span>
    </div>
    <div id="">
    手机号码：<span id="mobile"></span>
    </div>
    <div id="">
    收货地址：<span id="address"></span>
    </div>

</div>

<div class="am-u-sm-12" onclick="openaddress();" id="noaddress" style="padding:20px 7px;font-size: 14px">
<span>请点击选择收货人</span>
<span style="float: right"><i class="am-icon-angle-right"></i></span>
</div>


<div class="am-u-sm-12 ordertil">
选择支付方式
</div> 
<div class="am-u-sm-12" style="padding:7px;font-size: 14px;">
   <div class="am-u-sm-12" style="padding:0px;height: 50px;overflow: hidden">
	    <div class="am-u-sm-2"  style="padding: 4px">
	       <img src="../../image/logo_alipay.png" style="height: 40px"/>
	    </div>
	    
	    <div class="am-u-sm-8"  style="padding: 0px">
	       <div style="line-height: 23px;font-size: 14px;"><label>支付宝</label> </div>
	       <div style="font-size: 14px;">推荐已安装支付宝客户端的用户使用 </div>
	    </div>
	    
	     <div class="am-u-sm-2"  style="padding: 7px 20px;text-align: right;font-size: 14px;">
	        <input class="lui-radio" type="radio" value="支付宝" name="payType" checked >
	    </div>
	    
  </div>
	
	<div class="am-u-sm-12" style="padding:0px;height: 50px;overflow: hidden;font-size: 14px;">
	    <div class="am-u-sm-2"  style="padding: 4px">
	       <img src="../../image/logo_wechatpay.png" style="height: 40px"/>
	    </div>
	    
	    <div class="am-u-sm-8"  style="padding: 0px;font-size: 14px;">
	       <div style="line-height: 23px;font-size: 14px;"><label>微信支付</label> </div>
	       <div style="font-size: 14px;">推荐已安装微信客户端的用户使用 </div>
	    </div>
	    
	     <div class="am-u-sm-2"  style="padding: 7px 20px;text-align: right;font-size: 14px;">
	        <input class="lui-radio" type="radio" value="微信支付" name="payType"  >
	    </div>
	    
	</div>


</div>

<div class="am-u-sm-12 ordertil">
商品信息
</div> 

<div class="am-u-sm-12" id="goodList">

	<div class="am-u-sm-12" style="padding: 0px;">
		<div class="am-u-sm-3" style="padding:8px 0px;">
		    <img src="http://www.72gs.net/upload/product/20150717115127.jpg" style="width:80px;height: 80px"/>
		</div>
		<div class="am-u-sm-9" style="padding:5px 0px">
		   <div class="am-text-xs am-text-truncate" style="color:black">德国RECARO瑞凯威莫扎特2代系列汽车儿童安全座椅—ISOFIX接口/三点式 红</div>
		   <div style="color:red;font-size:15px;">￥228.00</div>
               <div>
                    <div class="aui-counter">
                        <div class="aui-counter-minus"></div>
                        <input class="aui-counter-input" readonly  type="text" value="1">
                        <div class="aui-counter-plus"></div>
                    </div>
               </div>
		  </div>
	
	   </div>
	
	
	
   </div>

    <div class="am-u-sm-12 ordertil">
    订单备注
    </div> 

    <div class="am-u-sm-12" style="padding: 7px">
        <input class="am-form-field borderradius" id="remarks" placeholder="如有特殊要求，在此填写"/>
    </div>

    <div class="am-u-sm-12 ordertil">
    推荐人
    </div> 

    <div class="am-u-sm-12" style="padding: 7px;margin-bottom:100px">
        <input class="am-form-field borderradius" id="recman"  placeholder="推荐人"/>
    </div>

  
  
</div>

<div class="am-g am-topbar-fixed-bottom" style="margin-bottom:0px; background:#eaedf1;padding:10px;">
	
	<div class="am-u-sm-7"  style="font-size:14px;">
		<span style="color:#f40">商品总额：￥<span id="proTotal"></span>   </span><br/>
		<span style="color:#f40">运费：￥<span id="freight"></span></span><br/>
		<span style="color:#f40">应付款：￥<span id="total"></span></span>
		<br/>
	</div>
	
	<div class="am-u-sm-5" onclick="addOrder();" style="background:#f40;cursor:pointer; border-radius:5px;padding:5px;color:white;text-align:center;font-size: 14px;">
		<span class="">提交订单</span>
	</div>
	
</div>









	
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="js/buycart.js"></script>
</html>